.news-container{
    width: 100%;
    background-color: #faf9f8;
  /*  padding-top: 40px;
    padding-bottom: 20px;*/
    .content{
        width: 1500px;
        margin: 0 auto;
        
        ul{
            width: 1500px;
            
            li{
               background-color: #fff;
               margin-bottom: 50px;
               width: 1464px;
               padding: 18px;
               opacity: 0;
               position: relative;
               top: 500px; 
               transition: top 1s,opacity 1s;
               &:after{
                    content: '';
                    height: 0;
                    visibility: hidden;
                    display: block;
                    clear: both;
                }
               &:hover{
                   box-shadow: 3px 3px 10px rgba(10,138,213,0.2);
                       .pho{
                           img{
                                transform: scale(1.3,1.3);
                                -webkit-transform: scale(1.3,1.3);
                            }
                       }
                       .title{
                           h4{
                               color: #0a8ad5;
                           }
                       }
                   }
               .pho{
                   float: left;
                   width: 418px;
                   height: 264px;
                   position: relative;
                   overflow: hidden;
                   img{
                       width: 100%;
                       height: 100%;
                       transition: transform 0.5s;
                       -webkit-transition: transform 0.5s;
                   }
               }
               .title{
                   width: 1000px;
                   float: right;
                   height: 264px;
                   h4{
                       margin-top: 50px;
                       font-family: Reg;
                       font-size: 18px;
                       color: #222222;
                       margin-bottom: 30px;
                       width: 100%;
                       overflow: hidden;
                       white-space: nowrap;
                       text-overflow:ellipsis;
                   }
                   .title-view{
                       .left{
                           width: 800px;
                           float: left;
                            font-family: Reg;
                            font-size: 16px;
                            color: #888888;
                            overflow: hidden;
                            height: 70px;
                       }
                       .right{
                           float: right;
                           width: 180px;
                           height: 70px;
                           p{
                               text-align: center;
                               font-family: "微软雅黑";
                               &:nth-child(1){
                                   color: #888888;
                                   font-size: 28px;
                                   margin-bottom: 10px;
                               }
                               &:nth-child(2){
                                   color: #222222;
                                   font-size: 16px;
                               }
                           }
                       }
                   }
               }
            }
            .animate{
                top: 0;
                opacity: 1;
            }
        }
    }
}
.page{
    border: none;
    padding-top: 15px;
}
@media screen and (max-width: 1500px){
.news-container{
    min-width: 1200px;
    .content{
        width: 1200px;
        ul{
            width: 1200px;
            li{
                width: 1164px;
                .pho{

                }
                .title{
                    width: 700px;
                    .title-view{
                        .left{
                            width: 550px;
                        }
                        .right{
                            width: 150px;
                        }
                    }
                }
            }
        }
    }
}    
}